<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ __('Message') }}
        </h2>
    </x-slot>

    <div class="container mx-auto p-4">
        <h1 class="text-2xl font-bold mb-6">发布留言</h1>
        <form action="{{ route('messageboard.store') }}" method="POST">
            @csrf
            <div class="mb-4">
                <label for="title" class="block text-sm font-medium text-gray-700">标题</label>
                <input type="text" id="title" name="title" class="w-full px-4 py-2 border border-gray-300 rounded-md">
            </div>
            <div class="mb-6">
                <label for="content" class="block text-sm font-medium text-gray-700">内容</label>
                <textarea id="content" name="content" rows="5" class="w-full px-4 py-2 border border-gray-300 rounded-md"></textarea>
            </div>
            <button type="submit" class="px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700">发布留言</button>
        </form>
    </div>
</x-app-layout>